 <!--Scrip xem trước code trong cửa sổ mới (Scrip 1)-->
<SCRIPT language="JavaScript">
<!-- 
window.onerror = null;

// Test to see if Browser is Netscape 3

function DoHTML()
{
resultwindow=window.open("","resultwindow",'toolbar=no,scrollbars=1,height=500,status=0,menubar=0');
resultwindow.focus();
resultwindow.document.write(document.form1.code.value + '<P>')
}

{

}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!--
       document.write("<SCRIPT LANGUAGE='JavaScript' SRC='buttonsnav.js'><\/SCRIPT>");
 //-->
</SCRIPT>
<style>
 body {
background: url(http://3.bp.blogspot.com/-TVSgEiymYKA/UQs6COkgULI/AAAAAAAABik/0djyvpPgHEM/s1600/bg_body.gif)
}
#content {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
border-style: none solid solid none;
border-width: medium 1px 1px medium;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
bottom: 20px;
height: auto;
min-height: 400px;
min-width: 903px;
position: absolute;
top: 50px;
width: 99%;
}
#sourcecode {
bottom: 20px;
height: auto;
left: 10px;
position: absolute;
top: 5px;
width: 48%;
}
#textareaCode {
border: 1px solid #d3d3d3;
bottom: 10px;
font-family: consolas,,monospace;
font-size: 14px;color: #333333;
height: 99%;
min-height: 350px;
min-width: 400px;
position: absolute;
resize: none;
top: 30px;
width: 99%;
}
.code_input, .result_output {
background-color: #ffffff;
border: 1px solid #c3c3c3;
color: #000000;
height: 400px;
width: 100%;
}
#submitBTN {
font-family: verdana;
position: absolute;
right: 5px;
top: 0;
width: 130px;
}
element.style {
right: 10px;
}
.headerText {
color: #47ae32;
font-family: Tahoma;
font-size: 90%;
position: absolute;
top: 8px;
}
#result {
bottom: 40px;
height: auto;
position: absolute;
right: 10px;
top: 5px;
width: 54%;
}
#iframeResult {
background-color: #ffffff;
border: 1px solid #d3d3d3;
bottom: 10px;
height: 99%;
min-height: 350px;
min-width: 400px;
position: absolute;
top: 30px;
width: 100%;
}
.code_input, .result_output {
background-color: #ffffff;
border: 1px solid #c3c3c3;
color: #000000;
height: 400px;
width: 100%;
}
/*Buton encode
**********************************/
.buton {
    background-color: #1364a7;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;font:14px arial;text-decoration:none;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #fff;min-width:54px;    
    padding: 5px 10px;
    white-space: nowrap;
}
.buton:hover {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}
</style>  
<div id="content" style="border-top: 10px solid #777777;">
	<div id="sourcecode">
		<div class="headerText"><b>Source Code:</b></div><br/><br/>
<button class="buton" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Clear</button>

			<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: solid 1px #b9b8b6;width:620px; padding: 5px; scroll: auto; height:600px;box-shadow: 0 2px 7px rgba( 0 0 0 );" wrap="soft">&lt;!-- HTML Codes by Testtemplatekhoi.blogspot.com --&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
.center {
    text-align: center;
    color: green;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h1 class=&quot;center&quot;&gt;Red and center-aligned heading&lt;/h1&gt;
&lt;p class=&quot;center&quot;&gt;Red and center-aligned paragraph.&lt;/p&gt; 

&lt;/body&gt;
&lt;/html&gt;
</textarea></form>
	</div>
	<div id="result">
		<div class="headerText"><b>Result:</b></div>
		<div style="right:10px;" class="headerText"><a href="http://www.testtemplatekhoi.blogspot.com" style="color:#ff9900">Testtem...blogspot.com</a> - Try it yourself&nbsp;</div><br/><br/>
                     <INPUT TYPE="button" NAME="do" VALUE="Preview in new Window" class="buton" ONCLICK="DoHTML()">
                      <button class="buton" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Preview</button>
		<iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 1px #b9b8b6; height: 590px;box-shadow: 0 5px 10px rgba( 0 0 0 ); padding: 5px; width: 760px;"></iframe></div>	
	<div style="clear:both;"></div>
	<div id="footer">
		
	</div>

</div>
<span style="color: #47ae32;"><b>HTML EDITOR:</b></span>
<script>
submitTryit();
</script>